.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: '';
    display: table;
    clear: both; }

.clearfix:after {
	content: '';
	display: table;
	clear: both;
}

.no-radius {
	border-radius: 0;
}

img {
	width: 100%;
}

* {
	margin: 0;
	padding: 0;
	font-family: Microsoft YaHei, Tahoma, sans-serif;
}

body {
	width: 100%;
	min-width: 1200px;
}

a:link, a:visited, a:hover {
	text-decoration: none;
}

body, p {
	margin: 0;
	padding: 0;
}
/* index content start */

/* head start */

.head {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #222222;
	padding: 0 15px;
	position: fixed;
	top: 0;
	z-index: 1000;
}

.head .headtitle {
	display: inline-block;
	margin: 0;
	color: #ffffff;
	font-size: 21px;
	cursor: pointer;
}

.head .nav {
	display: inline-block;
	float: right;
}

.nav .navlist {
	float: left;
	cursor: pointer;
	color: #ffffff;
	font-size: 13px;
}

.navlist .headimage {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	margin: 0 15px;
}

.navlist .glyphicon {
	color: #9d9d9d;
	font-size: 18px;
	vertical-align: text-bottom;
	position:relative;
}

.navlist .glyphicon:hover, .navlist .glyphicon:focus {
	color: #ffffff;
}

/* head end */

/* nav start */

.nav-center {
	width: 100%;
	height: 32px;
	background: #0d0d0d;
	color: #ffffff;
	font-size: 15px;
	text-align: center;
	margin-top: 50px;
}

.nav-center .links-title {
	margin: 0;
}

.links-title .linkslist {
	display: inline-block;
	height: 32px;
	border-top: 4px solid transparent;
	cursor: pointer;
}

.links-title .linkslist:focus, .links-title .linkslist:hover {
	background: #333;
	border-top: 4px solid #387794;
}

.linkslist .navs-links {
	display: inline-block;
	color: #fff;
	border-right: 1px solid #818181;
	padding: 0 13px;
	margin-right: -3px;
	margin-top: 5px;
	line-height: normal;
	text-decoration: none;
}

.linkslist:last-child .navs-links {
	border-right: 0;
}

.dropdown-menu > li > a{
	padding:10px;
	border-left:4px solid #ccc;
}
.dropdownMenu>li>a:hover{
	border-left:4px solid red;
}
.dropdownMenu .divider{
	margin:0;
}
#navbarPreferences{
	padding:2px;
	cursor:pointer;
	margin-left:5px;
}
#preferencesTab{
	background:#e8ebeb;
	border: 0 solid #ccc;
	border: 0 solid rgba(0,0,0,.15);
	border-radius:0;
}
/* nav end */

/* dowm start */
.down {
	background: #f0f0f0;
	padding-bottom: 50px;
}

/* search start */
.search-section {
	margin-bottom: 20px;
	margin-top: -20px;
}

.searchlink {
	position: relative;
	width: 975px;
	margin: 0 auto;
	border: 1px solid #cccccc;
	background: #fff;
}

.searchlink .searchinput {
	width: 95%;
	height: 45px;
	padding: 0 20px;
	border: 0;
	outline: none;
}

.searchlink .glyphicon {
	width: 4%;
	color: #308bce;
	font-size: 18px;
	vertical-align: middle;
	text-align: center;
}

.search-section #overFlow {
	max-height: 170px;
	overflow-y: auto;
	margin-right: 18px;
	margin-bottom: 5px;
	overflow-x: hidden;
}

.search-section .text-muted {
	margin-top: 7px;
	text-align: center;
	color: #777;
}

/* search end */

/* book list start */
.allBook .itemBox {
	width: 840px;
	margin-left: 5%;
	float: left;
}

.allBook .itemBox .bookTitle{
	height: 50px;
	overflow: hidden;
	text-align:center;
}

.allBook .itemBox .bookTitle h1{
	padding: 0;
	margin: 4px 0;
	font-weight: normal;
	font-size: 20px;
	color: #666;
	line-height: 18px;
}

.allBook .itemBox .item {
	width: 180px;
	height: 300px;
	overflow: hidden;
	float: left;
	margin: 10px;
}

.allBook .itemBox .item img {
	width: 180px;
	height: 220px;
}

.allBook .itemBox .item h6 {
	padding: 0;
	margin: 4px 0;
	font-weight: normal;
	font-size: 12px;
	color: #666;
	line-height: 18px;
	text-align: center;
}

.allBook .itemBox .item .link .detail{
	display: block;
	float: left;
	background-color: #e6e6e6;
	color: #666;
	font-size: 12px;
	text-decoration: none;
	margin: 3px 6px 3px 15px;
	padding: 3px 6px;
	text-align: center;
	width: 68px;
}

.allBook .itemBox .item .link .bookBorrow{
	float: right;
	display: block;
	background-color: #e6e6e6;
	color: #666;
	font-size: 12px;
	text-decoration: none;
	margin: 3px 15px 3px 6px;
	padding: 3px 6px;
	text-align: center;
	width: 68px;
}
/* book list end */

/* borrowed book start */
.allBook .borrowBook {
	width: 340px;
	min-height: 296px;
	float: right;
	margin-right: 45px;
}
.allBook .borrowBook .borrowTitle{
	width: 340px;
	height: 50px;
	overflow: hidden;
}

.allBook .borrowBook .borrowTitle h1{
	padding: 0;
	margin: 4px 0;
	font-weight: normal;
	font-size: 20px;
	color: #666;
	line-height: 18px;
}

.allBook .borrowBook .borrow {
	width: 340px;
	height: 50px;
	overflow: hidden;
	float: right;
	margin: 5px;
}

.allBook .borrowBook .borrow span {
	font-weight: normal;
	font-size: 12px;
	color: #666;
	line-height: 31px;
}

.allBook .borrowBook .borrow a {
	display: block;
	float: right;
	background-color: #e6e6e6;
	color: #666;
	font-size: 12px;
	text-decoration: none;
	margin: 3px 15px 3px 6px;
	padding: 3px 6px;
	text-align: center;
	width: 68px;
}

.allBook .clear {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/* book end */

/* footer content start */

.footer {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #000;
	color: gray;
	text-align: center;
}

.footer a {
	color: #fff;
}

/* footer content end */

/* popup content start */

.fullScreen {
	display: none;
	position: fixed;
	/* position: relative; */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 1001;
}

.fullScreen .modal-content {
	position: absolute;
	top: 10%;
	left: 20%;
}

.fullScreen .modal-content .popup {
	width: 100%;
}

.fullScreen .modal-content .popup .modal-header {
	background-color:  #f9f9f9 ;
	/* border-top: 5px solid red; */
}

.fullScreen .modal-content .popup .modal-header .modal-title {
	color: #CE0000 ;
}

.fullScreen .modal-content .popup .modal-header .close-lg {
	font-size: 50px!important;
	font-weight: 100!important;
}

#annoucementsMenuHead {
	text-align: right;
}

#MailerContentArea {
	height: 100%;
	overflow: auto;
}

.fullScreen .modal-content .mailerContent {
	width: 100%;
	padding:10px 50px;
	height: 100%;
}



/* popup content end */

/* index content end */

/* topbar tab */
.activeTab {
    position: absolute;
    top: 82px;
    width: 80%;
    left: 10%;
    background: #515152;
    /* z-index: 99999; */
    z-index: 999;  
    color:#bbb; 
}
.tabList_ul{
	width:25%;
	display:inline-block;
	padding:10px 20px;
	list-style:none;
	border-right:1px solid #818181;
}
.tabList_ul li a,
.tabList_ulright li a,
.subNav li a,
.cont-tab-2 li a{
	display:inline-block;
	color:#bbb; 
	cursor: pointer;
}
.tabList_ul li a:hover,
.tabList_ulright li a:hover,
.tablistMore a:hover,
.subNav li a:hover,
.cont-tab-2 li a:hover{
	color:#fff;
	text-decoration: none;
	cursor: pointer;
}
.tabList_ulright{
	width:14%;
	display:inline-block;
	padding:10px 5px;
	list-style:none;
	color:#bbb;	
}
.tabList_ulright .tablistTitle{
	font-size:14px;
	font-weight:700;
}
.tabList_ulright .tablistMore a{
	color:#fff;
    cursor: pointer;
}
.subTitle{
	width:100%;
	text-align:center;
	background:#333;
}
.subNav{
	margin-bottom:0;
}
.subNav li{
	list-style:none;
	display:inline-block;
	padding:5px 10px;
}
.subContent{
	background:#515152;
	padding:10px 40px;
}
.subContent .threeList{
	width:24%;
}
.content2{
	-moz-column-count:4; /* Firefox */
	-webkit-column-count:4; /* Safari and Chrome */
	column-count:4;
	padding:10px 20px;
	width:100%;
}
.content2 ul li{
	list-style:none;
}
.top-links-title{
	font-weight:700;
	color:#bbb;
	padding:2px 2px 2px 5px;
	font-size:14px;
	margin-bottom:5px;
	text-overflow:ellipsis;
	overflow:hidden;
}
.contentTabcon{
	display:none;
	width:100%;
}
.button.border-blue{
	color: #0ae;
}
.border-blue{
	border-color: #0ae;
}
.button.border-blue:hover, .button.border-blue:focus, .button.bg-blue:hover, .button.bg-blue:focus {
    color: #fff;
    border-color: #3bd;
    background-color: #3bd;
}
.button:hover, .button:focus, .button.bg:hover, .button.bg:focus {
    background-color: #f5f5f5;
}
.text-blue, a.text-blue:link, a.text-blue:visited, .button.border-blue, .button.bg-blue-light, blockquote.border-blue strong, .pager.border-blue a, .pager-prev.border-blue, .pager-next.border-blue, .badge.bg-blue-light, .alert-blue {
    color: #0ae;
}
.button:hover {
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}
.border-blue, .border-blue .button, .border-blue .tab-nav li a, .border-blue .tab-body, .button.bg-blue, .selected.border-blue, .pointer.border-blue li, .nav.border-blue .active a, .nav.nav-tabs.border-blue, .nav-main.border-blue a, .nav-main.border-blue .nav-head, .pagination.border-blue li, .pager.border-blue a {
    border-color: #0ae;
}
.button-small {
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
}
.button {
    border: solid 1px #ddd;
    background: transparent;
    border-radius: 4px;
    font-size: 14px;
    padding: 6px 15px;
    margin: 0;
    display: inline-block;
    line-height: 20px;
    transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}

button {
    overflow: visible;
}
